<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/shouye.css"/>
		<link rel="stylesheet" type="text/css" href="../css/kuangjia.css"/>
	</head>
	<body>
		<header class="sy-header">
			<span>走秀首页</span>
		</header>
		<section class="sy-section">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="../img/sy_gjmp.png"/>
					</div>
					<div class="swiper-slide">
						<img src="../img/sy_gjmp.png"/>
					</div>
					<div class="swiper-slide">
						<img src="../img/sy_gjmp.png"/>
					</div>
					<div class="swiper-slide">
						<img src="../img/sy_gjmp.png"/>
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<div class="tishi"><span>热门品牌</span></div>
			<ul class="banner">
				<li><img src="../img/paizi.png"/></li>
				<li>
					<div class="zhefu">
						<p>
							<span>芬迪</span>
							<span>芬迪新品上线</span>
						</p>
						<p class="zhe">
							   	1.8折
						</p>
					</div>
					<div><img src="../img/you.png"/></div>
				</li>
			</ul>
			<ul class="banner">
				<li><img src="../img/paizi.png"/></li>
				<li>
					<div class="zhefu">
						<p><span>
							芬迪
						</span>
							<span>芬迪新品上线</span>
						</p>
						<p class="zhe">
							   	1.8折
						</p>
					</div>
					<div><img src="../img/you.png"/></div>
				</li>
			</ul>
			<ul class="banner">
				<li><img src="../img/paizi.png"/></li>
				<li>
					<div class="zhefu">
						<p><span>
							芬迪
						</span>
							<span>芬迪新品上线</span>
						</p>
						<p class="zhe">
							   	1.8折
						</p>
					</div>
					<div><img src="../img/you.png"/></div>
				</li>
			</ul>
			<ul class="banner">
				<li><img src="../img/paizi.png"/></li>
				<li>
					<div class="zhefu">
						<p><span>
							芬迪
						</span>
							<span>芬迪新品上线</span>
						</p>
						<p class="zhe">
							   	1.8折
						</p>
					</div>
					<div>
						<img src="../img/you.png"/></div>
				</li>
			</ul>
			
			<ul class="banner">
				<li><img src="../img/paizi.png"/></li>
				<li>
					<div class="zhefu">
						<p><span>
							芬迪
						</span>
							<span>芬迪新品上线</span>
						</p>
						<p class="zhe">
							   	1.8折
						</p>
					</div>
					<div><img src="../img/you.png"/></div>
				</li>
			</ul>
			
			<ul class="banner">
				<li><img src="../img/paizi.png"/></li>
				<li>
					<div class="zhefu">
						<p><span>
							芬迪
						</span>
							<span>芬迪新品上线</span>
						</p>
						<p class="zhe">
							   	1.8折
						</p>
					</div>
					<div><img src="../img/you.png"/></div>
				</li>
			</ul>
			<div class="gduopB">
					<button class="gduop">
					      更多品牌>>
				     </button>
			</div>
		    <div class="tishi"><span>热门分类</span></div>
		    <ul class="banner">
				<li class="tuyang">
					<img src="../img/bbl.png"/></li>
				<li>
					<div class="zhefu">
						<p>
							<span>博柏利</span>
							<span>	博柏利新品上线</span>
						</p>
						
					</div>
					<div  class="tuyang"><img src="../img/you.png"/></div>
				</li>
			</ul>
		    <ul class="banner">
				<li class="tuyang"><img src="../img/bbl.png"/></li>
				<li>
					<div class="zhefu">
						<p><span>
							博柏利
						</span>
							<span>	博柏利新品上线</span>
						</p>
						
					</div>
					<div  class="tuyang"><img src="../img/you.png"/></div>
				</li>
			</ul>
		    <ul class="banner">
				<li class="tuyang"><img src="../img/bbl.png"/></li>
				<li>
					<div class="zhefu">
						<p><span>
							博柏利
						</span>
							<span>	博柏利新品上线</span>
						</p>
						
					</div>
					<div  class="tuyang"><img src="../img/you.png"/></div>
				</li>
			</ul>
		  </section>
		<footer class="footer">
			<ul>
				<li class="hover shouye">
					<img src="../img/shouye.png"/>
					<span class="cont">首页</span>
				</li>
				<li class="sousuo">
					<img src="../img/sousuo.png"/>
					<span class="cont">搜索</span>
				</li>
				<li class="wodexiu">
					<img src="../img/wode.png"/>
					<span class="cont">我的秀</span>
				</li>
				<li class="gouwuche">
					<img src="../img/gouwu.png"/>
					<span class="cont">购物车</span>
				</li>
				<li class="gengdu">
					<img src="../img/gengduo.png" />
					<span class="cont">更多</span>
				</li>
			</ul>
		</footer>	
		<script src="../js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/tiaozhuan.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/swiper.min.js"></script>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		
		<script>
	
			var swiper = new Swiper('.swiper-container', {
              autoplay: 2000,
             	speed: 1000,
              pagination: '.swiper-pagination',
          });
		</script>
	</body>
</html>
